/*
Theme Name: Theme-Portfolio
Theme URI: Theme-Portfolio
Author: A. Timofeev
Author URI: https://vk.com/al.d.timofeev
Description: Тема портфолио WordPress 6.4.
Tags: blog, portfolio
*/

 
header {
    margin-top: 80px;
    margin-bottom: 50px;
}
.scroll-list {
    position: fixed;
} 
h1, 
h2, 
p,
a {
    font-family: 'Roboto', sans-serif;
}

h1 span {
    font-size: 18px;
    font-style: italic;
}
address {
    margin-top: 30px;
}
.card-img-top {
    transition: transform ease-in-out 0.3s;
    z-index: 1;
        }
.card-img-top:hover {
    transform: scale(1.4);
    z-index: 9;
    box-shadow:  10px 10px 22px #636363,
     -10px -10px 22px #ffffff;
}
.project-block, .skills-block {
    margin-top: 50px;
}

.main-img {
    margin-bottom: 30px;
    width: 250px;
    clip-path: polygon(100% 44%, 91% 40%, 89% 33%, 91% 22%, 92% 12%, 92% 0%, 44% 0%, 43% 7%, 42% 15%, 42% 24%, 43% 33%, 47% 40%, 48% 47%, 42% 50%, 36% 56%, 31% 65%, 27% 74%, 25% 82%, 22% 91%, 19% 100%, 38% 100%, 59% 100%, 80% 91%, 93% 73%);			
    transition: transform ease-in-out 0.3s;


    /* clip-path: polygon(67% 0%, 84% 0%, 91% 0%, 93% 4%, 92% 9%, 92% 15%, 91% 21%, 90% 30%, 89% 35%, 90% 40%, 94% 42%, 98% 44%, 99% 49%, 100% 57%, 100% 86%, 99% 92%, 97% 95%, 94% 97%, 92% 100%, 64% 100%, 55% 100%, 49% 98%, 47% 95%, 43% 97%, 41% 100%, 30% 100%, 19% 100%, 15% 98%, 14% 94%, 17% 89%, 20% 83%, 26% 74%, 31% 63%, 37% 52%, 44% 46%, 48% 41%, 47% 36%, 44% 32%, 40% 26%, 38% 18%, 37% 13%, 38% 7%, 41% 3%, 44% 1%, 52% 0%, 59% 0); */
    transition: all ease-in-out 1s;
}
.main-img:hover {
    clip-path: polygon(100% 44%, 100% 39%, 100% 32%, 100% 23%, 100% 13%, 100% 0, 44% 0%, 0 0, 0 14%, 0 25%, 0 31%, 0 37%, 0 43%, 0 48%, 0 56%, 0 62%, 0 71%, 0 81%, 0 93%, 0 100%, 38% 100%, 59% 100%, 100% 100%, 100% 74%);			animation-duration: 3s;
    border-radius: 20px;
    transition: all ease-in-out 0.3s;
}
.main-img-outsie {
    margin-top: 90px;
}


.custom-shape-divider-top-1700231678 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 9;
}

.custom-shape-divider-top-1700231678 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100px;
}

.custom-shape-divider-top-1700231678 .shape-fill {
    fill: #949494;
}




.custom-shape-divider-bottom-1700231832 {
    /* position: absolute;
    bottom: 0; */
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1700231832 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 250px;
}

.custom-shape-divider-bottom-1700231832 .shape-fill {
    fill: #949494;
}




.bi {
    margin-top: -2px;
    margin-right: 5px;
}


.skills-list {
    list-style: none;
}

.opasity0 {
    opacity: 0;
}

/* h2 {
    background-color: #949494;
    color: #ffffff;
    border-radius: 5px;
}
h2 a {
    color: #ffffff;
} */

h2 span {
    color: #cbcbcb;
} 


.breadcrumbs-for-inner-pages {
    margin-top: 120px;
    display: inline-block;
    margin-bottom: 40px;
}

.breadcrumbs-for-inner-pages svg { 
    width: 45px;
    padding-right: 0;
    margin-right: 0;

}

.block-inf {
    border: 1px solid;
    border-radius: 10px;
    padding: 20px 20px 0 20px;
}

.skills-block {
    padding-bottom: 20px;
}


.block-inf p {
    overflow: hidden;
    text-wrap: nowrap;
    white-space: nowrap;  
}



.button-up {
    opacity: .6;
    height: 70px;
    width: 70px;
    background: gray;
    border-radius: 50%;
        position: fixed;
        right: 70px;
        bottom: 30px;
    cursor: pointer;
    transition: all 0.6s ease;
    z-index: 2;
}

.button-up:hover {
    height: 90px;
    width: 90px;
    transition: all 0.6s ease;
    right: 62.5px;
    bottom: 22.5px;
    opacity: .4;
} 



.menu-top {
    background-color: #949494;
    height: 30px;
    width: 100%;
    position: fixed;
    z-index: 2;
}

.menu-top + div > div:first-child {
    top: 30px;
}

.menu-top li {
    list-style: none;
    color: white;
    display: inline;
    margin-right: 15px;
    cursor: pointer;
}
.menu-top li:hover {
    text-decoration: underline;
}




.wrapper-for-img-and-caption {
    padding-top: 30px;
}


